import React from 'react';
import PropTypes from 'prop-types';
import './index.scss';

class WrapBorder extends React.PureComponent {
  static propType = {
    head: PropTypes.string.isRequired,
    contents: PropTypes.element.isRequired,
  }
  render() {
    const { head, contents } = this.props;
    return (
      <div className="wrap-border-page">
        <div className="top">
          <div className="title">
            {head}
          </div>
        </div>
        <div className="content">
          {contents}
        </div>
      </div>
    );
  }
}

export default WrapBorder;
